<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        <h:outputLabel value="Nuevo Paquete" class="tituloPrincipal"/>
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content">
        <h:form id="contenido">

            <p:panel header="FECHA" id="fecha">
                <p:panelGrid columns="2">
                    <h:outputLabel value="Seleccione: "/>
                    <p:calendar value="#{paqueteManager.fecha}"/>
                </p:panelGrid>
            </p:panel>
            
            <p:panel header="CODIGO DE RASTREO">
                <p:panelGrid columns="2">
                    <h:outputLabel value="Codigo:"/>
                    <p:inputText value="#{paqueteManager.trackingCode}" readonly="true"/>
                </p:panelGrid>
            </p:panel>
            
            <p:panel header="CLIENTE" id="cliente">
                <p:messages id="messagesgproducto" showDetail="true" autoUpdate="true" closable="true" > 
                    <p:effect type="fade" event="load" delay="3000" />
                </p:messages>
                <p:panelGrid columns="1">
                    <p:panelGrid columns="3">
                        <h:outputLabel value="Cedula:"/>
                        <p:inputText value="#{paqueteManager.emisor.cedula}"/>
                        <p:commandButton value="..." action="#{paqueteManager.buscarPersona(1)}"/>
                    </p:panelGrid>
                    
                    <p:panelGrid columns="4">
                        <h:outputLabel value="Nombre:"/>
                        <p:inputText value="#{paqueteManager.emisor.nombre}"/>

                        <h:outputLabel value="Apellido:"/>
                        <p:inputText value="#{paqueteManager.emisor.apellido}"/>

                        <h:outputLabel value="Direccion:"/>
                        <p:inputText value="#{paqueteManager.emisor.direccion}"/>

                        <h:outputLabel value="Telefono:"/>
                        <p:inputText value="#{paqueteManager.emisor.telefono}"/>

                        <h:outputLabel value="Email:"/>
                        <p:inputText value="#{paqueteManager.emisor.email}"/>
                    </p:panelGrid>
                    
                </p:panelGrid>
            </p:panel>
            <p:panel>
                <p:commandButton value="Guardar" action="#{paqueteManager.guardarEmisor()}"/>
            </p:panel>
            
            <p:panel header="RECEPTOR" id="receptor">
                <p:messages id="messagesgproducto" showDetail="true" autoUpdate="true" closable="true" > 
                    <p:effect type="fade" event="load" delay="3000" />
                </p:messages>
                <p:panelGrid columns="1">
                    <p:panelGrid columns="3">
                        <h:outputLabel value="Cedula:"/>
                        <p:inputText value="#{paqueteManager.receptor.cedula}"/>
                        <p:commandButton value="..." action="#{paqueteManager.buscarPersona(2)}"/>
                    </p:panelGrid>
                    
                    <p:panelGrid columns="4">
                        <h:outputLabel value="Nombre:"/>
                        <p:inputText value="#{paqueteManager.receptor.nombre}"/>

                        <h:outputLabel value="Apellido:"/>
                        <p:inputText value="#{paqueteManager.receptor.apellido}"/>

                        <h:outputLabel value="Direccion:"/>
                        <p:inputText value="#{paqueteManager.receptor.direccion}"/>

                        <h:outputLabel value="Telefono:"/>
                        <p:inputText value="#{paqueteManager.receptor.telefono}"/>

                        <h:outputLabel value="Email:"/>
                        <p:inputText value="#{paqueteManager.receptor.email}"/>
                    </p:panelGrid>
                    
                </p:panelGrid>
            </p:panel>
            <p:panel>
                <p:commandButton value="Guardar" action="#{paqueteManager.guardarReceptor()}"/>
            </p:panel>
            
            <p:panel header="LUGAR DE ENVIO" id="desde">
                <p:messages id="messagesgproducto" showDetail="true" autoUpdate="true" closable="true" > 
                    <p:effect type="fade" event="load" delay="3000" />
                </p:messages>
                <p:panelGrid columns="1">
                    <p:panelGrid columns="3">
                        <h:outputLabel value="Id de sucursal:"/>
                        <p:inputText value="#{paqueteManager.desde.idScursal}"/>
                        <p:commandButton value="..." action="#{paqueteManager.buscarDesde()}"/>
                    </p:panelGrid>
                    
                    <p:panelGrid columns="4">
                        <h:outputLabel value="Ciudad:"/>
                        <p:inputText value="#{paqueteManager.desde.ciudad}" readonly="true"/>

                        <h:outputLabel value="Descripcion:"/>
                        <p:inputText value="#{paqueteManager.desde.descripcion}" readonly="true"/>

                        <h:outputLabel value="Direccion:"/>
                        <p:inputText value="#{paqueteManager.desde.direccion}" readonly="true"/>

                        <h:outputLabel value="Telefono:"/>
                        <p:inputText value="#{paqueteManager.desde.telefono}" readonly="true"/>
                    </p:panelGrid>
                    
                </p:panelGrid>
            </p:panel>
            
            <p:panel header="LUGAR DE DESTINO" id="hacia">
                <p:panelGrid columns="1">
                    <p:panelGrid columns="3">
                        <h:outputLabel value="Id de sucursal:"/>
                        <p:inputText value="#{paqueteManager.hacia.idScursal}"/>
                        <p:commandButton value="..." action="#{paqueteManager.buscarHacia()}"/>
                    </p:panelGrid>
                    
                    <p:panelGrid columns="4">
                        <h:outputLabel value="Ciudad:"/>
                        <p:inputText value="#{paqueteManager.hacia.ciudad}" readonly="true"/>

                        <h:outputLabel value="Descripcion:"/>
                        <p:inputText value="#{paqueteManager.hacia.descripcion}" readonly="true"/>

                        <h:outputLabel value="Direccion:"/>
                        <p:inputText value="#{paqueteManager.hacia.direccion}" readonly="true"/>

                        <h:outputLabel value="Telefono:"/>
                        <p:inputText value="#{paqueteManager.hacia.telefono}" readonly="true"/>
                    </p:panelGrid>
                    
                </p:panelGrid>
            </p:panel>
            
             <p:panel header="FORMA DE PAGO" id="pago">
                <p:panelGrid columns="2">
                    <p:selectBooleanCheckbox value="#{paqueteManager.tarjeta}" /> 
                    <h:outputText value="Pago con tarjeta de credito" />  
                    
                    <h:outputText value="Nro." /> 
                    <p:inputText value="#{paqueteManager.numCard}" style="width: 100px"/>
                    
                    <h:outputText value="Tipo" /> 
                    <p:selectOneMenu value="#{paqueteManager.tipoCard}">  
                        <f:selectItem itemLabel="Seleccione" itemValue="" />  
                        <f:selectItem itemLabel="VISA" itemValue="VISA" />  
                        <f:selectItem itemLabel="AMERICAN EXPRESS" itemValue="AMERICAN EXPRESS" />
                        <f:selectItem itemLabel="MASTER CARD" itemValue="MASTER CARD" />
                    </p:selectOneMenu> 
                </p:panelGrid>
            </p:panel>
            
            <p:panel header="LISTADO DE DETALLES">
                <p:panelGrid columns="1">
                    <p:dataTable id="detallestable" var="detalle" value="#{paqueteManager.detalles}" paginator="true" rows="10">
                                <!-- selection="{rutaAction.direccionAuxiliar}" selectionMode="multiple"-->

                       <f:facet name="header">  
                           DETALLES
                       </f:facet>  

                       <p:column headerText="DESCRIPCION">  
                           #{detalle.descripcion}  
                       </p:column>  
                                
                        <p:column headerText="CANTIDAD">  
                           #{detalle.cantidad}  
                       </p:column> 

                       <p:column headerText="P. UNITARIO">  
                           #{detalle.precio}  
                       </p:column>  
                            
                       <p:column headerText="P. TOTAL">  
                           #{detalle.precioTotal}  
                       </p:column> 

                       <p:column headerText="">  
                           <p:commandLink action="#{paqueteManager.quitarDetalle(detalle)}" value="Quitar" ajax="false"/> 
                       </p:column>   
                   </p:dataTable>
                </p:panelGrid>
                <p:panelGrid columns="2" style="float: right">
                    <h:outputLabel value="Subtotal:"/>
                    <p:inputText value="#{paqueteManager.subtotal}"/>
                    
                    <h:outputLabel value="IVA 12%:"/>
                    <p:inputText value="#{paqueteManager.valIVA}"/>
                    
                    <h:outputLabel value="Total:"/>
                    <p:inputText value="#{paqueteManager.total}"/>
                </p:panelGrid>
            </p:panel>
            
            <p:panel header="OBSERVACIONES">
                <p:panelGrid columns="1">
                    <h:outputLabel value="Escribir observacion:"/>
                    <p:inputTextarea value="#{paqueteManager.observacion}"/>
                </p:panelGrid>
            </p:panel>
            
            <p:dialog header="DETALLE" widgetVar="dlgDetalle" resizable="true" modal="true" dynamic="true" >
                    <p:panelGrid columns="2">
                        <h:outputLabel value="Descripcion:"/>
                        <p:inputText value="#{paqueteManager.detalleDescripcion}"/>

                        <h:outputLabel value="Peso(Kg):"/>
                        <p:inputText value="#{paqueteManager.detallePeso}"/>

                        <h:outputLabel value="Largo(cm):"/>
                        <p:inputText value="#{paqueteManager.detalleLargo}"/>                        

                        <h:outputLabel value="Ancho(cm):"/>
                        <p:inputText value="#{paqueteManager.detalleAncho}"/>
                        
                        <h:outputLabel value="Profundidad(cm):"/>
                        <p:inputText value="#{paqueteManager.detalleProfundidad}"/>                        

                        <h:outputLabel value="Cantidad:"/>
                        <p:inputText value="#{paqueteManager.detalleCantidad}"/>
                        
                        <h:outputLabel value=""/>
                        <p:commandButton value="Aceptar" action="#{paqueteManager.anadirDetalle()}"/>
                    </p:panelGrid>
            </p:dialog> 
        </h:form>
    </ui:define>
</ui:composition>


